<template>
    <div v-loading="slotProps.loading" element-loading-background="rgba(255, 255, 255, 0.5)">
        <slot name="header" :="slotProps"></slot>
        <slot :="slotProps">
            <el-empty description=" " />
        </slot>
        <slot name="footer" :="slotProps"></slot>
    </div>
</template>
<script setup lang="ts">
    import {ref} from "vue"
    const $emit = defineEmits(['register']);
    const slotProps = ref({
        loading:false,
    });
    $emit('register', {
        slotProps,
    });
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>

</style>
